<template>
  <div>
      <!-- <img :src="error_img" class="img-bg"> -->
      <div class="err-title">
          <span>404 </span>
      </div>
      <div class="err-memo"><span class="err-not">FILE NOT FOUND ！！！</span></div>
      <div class="err-other">您可以访问</div>
      <el-row :gutter="20">
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>首页：</span>
                      <router-link class="err-link" to="/manage/user/list">面板数据</router-link>
                  </div>
              </el-card>
          </el-col>
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>会员管理：</span>
                      <router-link class="err-link" to="/manage/user/list">会员列表</router-link>
                      <router-link class="err-link" to="/manage/user/list">会员设置</router-link>
                  </div>
              </el-card>
          </el-col>
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>活动管理：</span>
                      <router-link class="err-link" to="/manage/user/list">发布活动</router-link>
                      <router-link class="err-link" to="/manage/user/list">活动列表</router-link>
                  </div>
              </el-card>
          </el-col>
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>二级跑团：</span>
                      <router-link class="err-link" to="/manage/user/list">跑团信息</router-link>
                      <router-link class="err-link" to="/manage/user/list">二级跑团列表</router-link>
                  </div>
              </el-card>
          </el-col>
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>短信管理：</span>
                      <router-link class="err-link" to="/manage/user/list">模板管理</router-link>
                      <router-link class="err-link" to="/manage/user/list">号码簿管理</router-link>
                      <router-link class="err-link" to="/manage/user/list">发送管理</router-link>
                      <router-link class="err-link" to="/manage/user/list">短信统计</router-link>
                  </div>
              </el-card>
          </el-col>
          <el-col :span="12">
              <el-card class="menu-card">
                  <div>
                      <span>会员管理：</span>
                      <router-link class="err-link" to="/manage/user/list">跑团信息</router-link>
                      <router-link class="err-link" to="/manage/user/list">跑团认证</router-link>
                      <router-link class="err-link" to="/manage/user/list">修改密码</router-link>
                      <router-link class="err-link" to="/manage/user/list">角色管理</router-link>
                  </div>
              </el-card>
          </el-col>
      </el-row>
  </div>
</template>

<script>
export default {
    data(){
        return {
            error_img : require('../../assets/images/404.png')
        }
    }
}
</script>

<style scoped>
.img-bg{width: 100%;}
.err-title{
    font-size: 100px;
    letter-spacing: 20px;
    color: #4aca53;
    font-weight: bold;
    text-align: center;
}
.err-memo{
    font-size: 30px;
    text-align: center;
}
.err-other{
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin:20px 0;
    
}
.menu-card{margin-bottom: 20px;background: #4aca53;color: #fff;cursor: pointer;text-align: left;font-size: 14px;}
.err-link{margin-right: 5px;}
</style>